import React, {useState} from 'react';
import {Button, Form, Input, Radio} from "antd";
import {Typography} from 'antd';

const {Title} = Typography;

type LayoutType = Parameters<typeof Form>[0]['layout'];

const UpdatePassword: React.FC = () => {
    const [form] = Form.useForm();

    return (
        <>
            <Title level={4} style={{paddingBottom:'20px'}}>修改密码</Title>
            <Form
                layout="vertical"
                form={form}
                style={{maxWidth: 600}}
            >
                <Form.Item label="旧密码">
                    <Input placeholder="请输入旧密码"/>
                </Form.Item>
                <Form.Item label="新密码">
                    <Input placeholder="请输入新密码"/>
                </Form.Item>
                <Form.Item label="确认密码">
                    <Input placeholder="请输入确认密码"/>
                </Form.Item>
                <Form.Item>
                    <Button type="primary">提交</Button>
                </Form.Item>
            </Form>
        </>
    );
};

export default UpdatePassword;
